<%-- 
    Document   : gestionarSolicitud
    Created on : 15/11/2010, 12:08:42 AM
    Author     : Francis
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<% request.setAttribute("allowed", "Recibir y Atender Solicitudes");%>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestión de Solicitudes</h1>

<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Registrar Solicitud</h2>
        <html:form action="/registrarSolicitud" styleId="registrarSolicitudForm" onsubmit="return registrarSolicitud();">
            <table>
                <tbody>
                <br>
                <tr><td><html:errors property = "sol_fallido"/></td></tr>
                <tr>
                    <td><font color="red">*&nbsp;</font> Nombre y Apellido del Solicitante:</td>
                    <td><html:text property="nombre" size="40" maxlength="70"/>
                        <html:errors property = "nombre_sol_requerido"/>
                        <html:errors property = "nombre_sol_invalido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font> Teléfono:</td>
                    <td><html:text property="telefono" size="40" maxlength="16"/>
                        <html:errors property = "telefono_sol_requerido"/>
                        <html:errors property = "telefono_sol_invalido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font> Correo Electrónico:</td>
                    <td><html:text property="correo" size="40" maxlength="60"/>
                        <html:errors property = "correo_sol_requerido"/>
                        <html:errors property = "correo_sol_invalido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font> Categoría:</td>
                    <td><html:select styleId="categoria" property="categoria">
                            <html:option value="Estudio de Enfermedad Ocupacional">Estudio de Enfermedad Ocupacional</html:option>
                            <html:option value="Evaluacion de Riesgo Ambiental">Evaluación de Riesgo Ambiental</html:option>
                            <html:option value="Inspeccion de Riesgo">Inspección de Riesgo</html:option>
                            <html:option value="Levantamiento de Riesgos de Puesto de Trabajo">Levantamiento de Riesgos de Puesto de Trabajo</html:option>
                            <html:option value="Evaluacion de Incidente">Evaluación de Incidente</html:option>
                            <html:option value="Señalizacion">Señalización</html:option>
                            <html:option value="Sistema contra Incendio">Sistema contra Incendio</html:option>
                        </html:select>
                        <html:errors property = "categoria_sol_requerido"/>
                    </td>
                </tr>
                <tr id="rowFecha" class="oculta">
                    <td><font color="red">*&nbsp;</font> Fecha de Ocurrencia:</td>
                    <td><html:text property="fecha_ocurrencia" styleId="fechaI" size="40"/>
                        <html:errors property = "fecha_ocurrencia_sol_requerido"/>
                        <html:errors property = "fecha_ocurrencia_sol_invalido"/>
                        <html:errors property = "fecha_ocurrencia_antes_creacion"/>
                    </td>
                </tr>
                <tr>
                    <td><html:hidden value="Pendiente" property="status"/></td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font> Descripción:</td>
                    <td><html:textarea property="descripcion" cols="30" rows="4"/>
                        <html:errors property = "descripcion_sol_requerido"/>
                    </td>
                </tr>
                </tbody>
            </table>
            <br>
            <font color="red"><p>Los campos que tienen (*) son obligatorios.</p></font>
            <br>

            <html:submit value="  Registrar Solicitud  "/>
            <html:button property="" styleClass="back" value="  Atrás  "/>
        </html:form>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    $(document).ready(function() {
        $("#fechaI").datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);

        if($("#categoria :selected").val()=="Evaluacion de Incidente")
            $("#rowFecha").show();
        else {
            $("#rowFecha").hide();
        }
    });

    $('.back').click(solicitudesMenu);
    $("#categoria").change(function(){
        if($(this).val()=="Evaluacion de Incidente")
            $("#rowFecha").show();
        else {
            $("#rowFecha").hide();
            $("#fechaI").val("");
        }
    });
</script>
